import React from 'react';
import { Typography, Card, Button, Space } from 'antd';
import { Link } from 'react-router-dom';

const { Title, Paragraph } = Typography;

const About: React.FC = () => {
  return (
    <div className="about-container" style={{ padding: '2rem' }}>
      <Card>
        <Title level={2}>关于我们</Title>
        <Paragraph>
          这个页面展示了如何使用React Router进行页面导航，以及如何使用Ant Design组件构建用户界面。
        </Paragraph>
        <Space>
          <Button>
            <Link to="/">返回首页</Link>
          </Button>
        </Space>
      </Card>
    </div>
  );
};

export default About;